<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div id="all">
        <!-- 头部 -->
        <header>
            <!-- <div id="header-con">
                <div id="con-left">
                    <img src="../img/logo.png" alt="">
                    <div id="con-left-bom">
                        <ul>
                            <li>HOME</li>
                            <li>RESOURSE</li>
                            <li>CASES</li>
                            <li>SOLUTION</li>
                            <li>SUBMIT</li>
                        </ul>
                        <ul>
                            <li>网站首页</li>
                            <li>传阅资源</li>
                            <li>传阅案例</li>
                            <li>解决方案</li>
                            <li>需求提交</li>
                        </ul>
                    </div>
                </div>
                <div id="con-right">
                    <ul>
                        <li><img src="../img/phone.png" alt="">
                            <span>0354-456789</span>
                        </li>
                        <li><img src="../img/qq.png" alt=""></li>
                        <li><img src="../img/weixin.png" alt=""></li>
                        <li><img src="../img/weibo.png" alt=""></li>
                        <li><img src="../img/Email 1.png" alt=""></li>
                    </ul>
                </div>
            </div> -->
        </header>

        <!-- 版心 -->
        <section>
            <div id="content">
                <!-- 版心中的盒子 -->
                <div id="block">
                    <p class="err">x</p>
                    <div id="block-top">
                        <h4>传悦观点</h4>
                        <p>VIEWPOINT</p>
                        <span>&gt;</span>
                    </div>
                    <div id="block-bom">
                        <dl>
                            <dd><img src="../img/telphone-0.jpg" alt=""></dd>
                            <div id="dl-div">
                                <dt>传悦上线前的准备工作</dt>
                                <dt>8-27</dt>
                                <dt>创梦网络科技有限公司......</dt>
                            </div>
                        </dl>
                    </div>
                </div>
            </div>
        </section>
        <!-- 底部 -->
        <footer>
            <div id="footer">
                <p>Copyright <sup>&copy</sup>创梦网络科技有限责任公司&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;传悦 Chnyoo.cn All Rights Reserved 京ICP备12005221号</p>
                <ul>
                    <li>关于传悦</li>
                    <li>新闻动态</li>
                    <li>传悦观点</li>
                    <li>联系传悦</li>
                    <li>加入传悦</li>
                    <li>付款账户</li>
                </ul>
            </div>
        </footer>



    </div>
</body>

</html>
<script src="jQuery.js"></script>
<script>
    // 点击圆圈消失
    let oBlock = document.querySelector("#block");
    let oErr = document.querySelector(".err");

    oErr.onclick = function() {
        oBlock.style.display = "none"
    }

    // 鼠标滑上显示红色效果
    // let oLi = document.querySelectorAll("li");
    // for (let i = 0; i < oLi.length; i++) {
    //     oLi[i].onmousemove = function() {
    //         this.style.color = "red"
    //     }
    //     oLi[i].onmouseout = function() {
    //         this.style.color = "white"
    //     }
    // }

    // 引入头部重复使用信息
    $("header").load("头部重复引用.html", function(resText, status) {
        console.log(resText)
    })
</script>